<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>商品详情</title>
<link type="text/css" rel="stylesheet" href="../css/style.css" />
<link type="text/css" rel="stylesheet" href="./css/goodsDetail.css" />
<script src="../js/jquery.js"></script>
<script src="../layer/layer.min.js"></script>
<script src="../include/js/jquery.lazyload.min.js"></script>
<script src="./js/goodsDetail.js"></script>
<script src="./js/common.js"></script>
<script src="./js/qqshare.js"></script>
</head>
<body onload="load();">
<div class="pagetop">
	<div class="quick_menu">
		<p>
			<span class="fl">广州&nbsp;<a href="#"><font size="2px" color="red">[切换城市]</font></a></span>
			<span class="fr">
			<a href="" title="登录" id="login" onclick="login();return false;">登录</a>
			<a href="" title="注册" id="register" onclick="register();return false;">免费注册</a>
			<a href="" title="购物车" class="gwc">购物车 <span class="cred">$count</span> 件</a>
			<a href="" title="订单查询" style="border:0">订单查询</a>
			<a href="../user/person.html">测试用户后台</a>
			</span>
		</p>
	</div>
	<!-- 广告 -->
	<div class="ad">
		<img src="../data/attachment/2012-11/jessy-ad1.jpg"  class="ad-img"/>
	</div>
	<!-- logo 搜索框-->
	<div class="ad980">
		<div>
			<img src="../data/attachment/2012-11/jessy-jdt1.jpg"  height="50px" alt="" />	
			<div class="searchbar ie6png" >
 				<div class="searchinput ie6png">
       			 	<input type="text"  value="请输入您要搜索的关键字" name="keyword" id="topSearch" autocomplete="off" maxlength="50"  x-webkit-speech class="keyword hasDefaultText" />
    			</div>
    			<a href=""  class="btn_search ie6png inblock" title="搜索">搜索</a>
				<div class="autoFilled" id="autofilledview" style="display:none;"></div>
			</div>
		</div>
	</div>
	<div class="clear"></div>
	<div class="nav">
		<div class="width980">
			<ul>
				<li><a title="全部商品分类"  style="background:white;color:red">全部商品分类&nbsp;∨</a></li>
				<li><a href="index.html" title="首页">首页</a></li>
				<!-- <li><a href="market.html" title="网上超市">网上超市</a></li>
				<li><a href="second.html"title="二手市场">二手市场</a></li>
				<li><a href="service.html" title="本地服务">本地服务</a></li> -->
			</ul>
		</div>
	</div>
	<div class="clear"></div>
</div>
<div class="line"></div>
<div id="container">
	<div id="container_left">
		<div class="container_left_top">
			<!--<img alt="" src=""  onmousemove="mousemove();" id="big1">-->
		</div>
		<div class="big"><!--<img src="../temp/jessy-gd1.jpg" id="big2"/>--></div>
		<div id="container_left_bottom">
			<!--<span id="director_left">&lt;</span>
			<img alt="" src="../temp/jessy-gd1.jpg"  onmousemove="changImg(this);">
			<img alt="" src="../temp/second/2.jpg" onmousemove="changImg(this);">
			<img alt="" src="../temp/second/3.jpg" onmousemove="changImg(this);">
			<img alt="" src="../temp/second/4.jpg" onmousemove="changImg(this);">
			<span id="director_right">&gt;</span>-->
		</div>

	</div>
	<div class="container_center goods" >
		<p class="font" id="description">女士品牌新款扣头时尚休闲腰带女式装饰头层牛皮带韩版花色细腰带 $description</p>
		<p class="font2" id="brief">头层皮带,100%纯皮 $brief</p>
		<p id="number">商品编码：9852155114</p>
		<p id="price">价&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格：<span class="font3">￥ 220.0</span></p>
		<p id="comment">商品评价：<span class="font4">(共有382条评价)</span></p>
		<p id="hot">人气：$hot</p>
		<p>送&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;至：<span class="font">北京市东城区现货 23:00前完成下单，预计明天（9月16日）送达</span></p>
		<p>服&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;务：<span class="font5">由商家直接销售和发货，并提供售后服务</span></p>
		<p>数&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;量：
			<span>
				<button style="width:20px;" onclick="descrease(document.getElementById('inventory').value)">-</button>
				<input type="text" size="5" value="1" style="text-align:center" id="inventory">
				<button style="width:20px;" onclick="document.getElementById('inventory').value++">+</button>
			</span>
		</p>
		<div class="line"></div>
		<p class="action_button">
			<input type="button" value="立即购买" class="buy_button"> 
			<input type="button" value="加入购物车" class="car_button">
		</p>
		<div   id="share">
            <div>
                  <a href="#" onclick="share()">分享</a>
                  
            </div>
            <!-- display:none;  -->
            <div id="shareDiv" style="display:none;
            position: relative;left:8;top:0;background:white;width:20%;height:80px;
            border:1px solid #ddd;">
                <div class="shareDiv-header">
                    <a href="#" style="float:right;" 
                    onclick="document.getElementById('shareDiv').style.display='none'">X</a>
                     <h3 class="modal-title"></h3>
                </div>
                
                <div class="shareDiv-content" style="margin-top:3px;">
                </div>
            </div>
        </div>
        
          

	</div>
	<div id="container_about">
		<div class="container_about_top">
			<div class="line"></div>
			<font><h4><b>官方卖家</b></h4></font>
		</div>
		<div>
			<p class="container_about_center">
			<span>综合评分:</span>
			<span>
			    <img src="../data/attachment/2012-11/start.jpg"></img>
			    &nbsp;&nbsp;4.9分
			</span>
			</p>
			<div style="border:1px solid #ddd;padding-left:5px">
				<p>
				   <span>商品满意度：</span>
				   <span>
			           <img src="../data/attachment/2012-11/start.jpg"></img>
			           &nbsp;&nbsp;4.9分
			       </span>
				</p>
	   			<p>
	   			   <span>服务满意度：</span>
	   			   <span>
			           <img src="../data/attachment/2012-11/start.jpg"></img>
			           &nbsp;&nbsp;4.9分
			       </span>
	   			</p>
	   			<p>
	   			   <span>物流满意度：</span>
	   			   <span>
			           <img src="../data/attachment/2012-11/start.jpg"></img>
			           &nbsp;&nbsp;4.9分
			       </span>
	   			</p>
   			</div>
   			<p class="container_about_center">
			<span>
			    <img src="../data/attachment/2012-11/code.jpg"></img>
			 
			</span>
			</p>
   			<div class="line"></div>
   			<div class="container_about_center">
	   			<div>公司：米米乐商城</div>
				<div>TEL：4008-365-365</div>
			</div>
		</div>
	</div>
</div>
<div class="line"></div>
<div id="container_bottom">
	<div id="container_bottom_left">
		<div id="container_bottom_left_top">
			相关推荐
		</div>
		<div id="container_bottom_left_bottom">
			<table>
				<tr>
					<td><img src="../temp/second/5.jpg"  width="70%"></td>
					<td class="good_name" width="40%">
						<p>牛皮腰带裤带</p>
						<span class="money">¥59.0</span>
					</td>
				</tr>
				<tr>
					<td><img src="../temp/second/6.jpg"  width="70%"></td>
					<td class="good_name" width="40%">
						<p>牛仔真皮腰带</p>
						<span class="money">¥59.0</span>
					</td>
				</tr>
				<tr>
					<td><img src="../temp/second/9.jpg"  width="70%"></td>
					<td class="good_name" width="40%">
						<p>牛仔真皮腰带</p>
						<span class="money">¥59.0</span>
					</td>
				</tr>
			</table>
		</div>				
	</div>
	<!--引入js文件夹中的tag.js,以作切换使用 -->
	<script src="../js/tag.js"></script>
	<div id="container_bottom_right">
	   	<div id="tabCot_product">
	       	<div class="tabContainer">
	           	<ul class="tabHead">
	                <li class="currentBtn" id="1"><a href="javascript:void(0)" onclick="tag(1)">商品详情</a></li>
	                <!--<li id="2"><a href="javascript:void(0)" onclick="tag(2)">商品参数</a></li>-->
	                <li id="3"><a href="javascript:void(0)" onclick="tag(3)">评价(751)</a></li>
	                <li id="4"><a href="javascript:void(0)" onclick="tag(4)">装箱清单</a></li>
	                <li id="5"><a href="javascript:void(0)" onclick="tag(5)">售后保障</a></li>
	            </ul>
			</div>
	    </div>
	    <!-- 商品详情 -->
	    <div id="xiangqing">
	    	<!-- <p class="font2">宏?E1-570G同模具产品，i5-4200U 1T配置更高！</p> -->
	    	<img alt="" src="../temp/xiangqing/1.jpg">
	    	<img alt="" src="../temp/xiangqing/2.jpg">
	    	<img alt="" src="../temp/xiangqing/3.jpg">
	    	<img alt="" src="../temp/xiangqing/4.jpg">
	    	<img alt="" src="../temp/xiangqing/5.jpg">
	    	<img alt="" src="../temp/xiangqing/6.jpg">
	    	<img alt="" src="../temp/xiangqing/7.jpg">
	    	<img alt="" src="../temp/xiangqing/8.jpg">
	    	<img alt="" src="../temp/xiangqing/9.jpg">
	    	<img alt="" src="../temp/xiangqing/10.jpg">
	    </div>
	    <!--&lt;!&ndash; 商品参数 &ndash;&gt;-->
	    <!--<div id="canshu" hidden="true">-->
	    	<!--canshu-->
	    <!--</div>-->
	    <!-- 评价 -->
	    <div id="pingjia" hidden="true">
	    	pingjia
	    </div>
	    <!-- 商品清单 -->
	    <div id="qingdan" hidden="true">
	    	qingdan
	    </div>
	    <!-- 售后 -->
	    <div id="shouhou" hidden="true">
	    	<span class="font">售后保障</span>
	    	<p>
	    	本产品由卖家担保质量和责任。
			质保期为：三年有限保修,一年国际旅行者联保 (ITW)
			因厂家会在没有任何提前通知的情况下更改产品包装、产地或者一些附件，商家不能确保客户收到的货物与商城图片、产地、附件说明完全一致。
			网站商品的功能参数仅供参考，请以实物为准。由于商品上线由卖家提供，商城无法一一确保产品的质量与真假性，卖家自行斟酌！请大家谅解！
	    	</p>
	    </div>
    </div>
</div>
<div class="foot">
	<div class="bottom_link">
		<div class="border_link">
			<div class="item_1 fl">
				<h3>用户指南</h3>
				<ul class="mat5">
					<li><a href="" title="购物指南">购物指南</a></li>
					<li><a href="" title="支付方式">支付方式</a></li>
					<li><a href="" title="常见问题">常见问题</a></li>
				</ul>
			</div>
			<div class="bottom_libg fl"></div>
				<div class="item_1 fl">
					<h3>配送方式</h3>
					<ul class="mat5">
						<li><a href="" title="配送时间及运费">配送时间及运费</a></li>
						<li><a href="" title="验货与签收">验货与签收</a></li>
						<li><a href="" title="订单查询">订单查询</a></li>
					</ul>
			</div>
			<div class="bottom_libg fl"></div>
				<div class="item_1 fl">
					<h3>售后服务</h3>
					<ul class="mat5">
						<li><a href="" title="售后政策">售后政策</a></li>
						<li><a href="" title="退货说明">退货说明</a></li>
						<li><a href="" title="取消订单">取消订单</a></li>
					</ul>
			</div>
			<div class="bottom_libg fl"></div>
				<div class="item_1 fl">
					<h3>关于我们</h3>
					<ul class="mat5">
						<li><a href="" title="公司简介">公司简介</a></li>
						<li><a href="" title="联系我们">联系我们</a></li>
						<li><a href="" title="诚聘英才">诚聘英才</a></li>
					</ul>
			</div>
			<div class="clear"></div>
		</div>
	</div>
	<!-- <div class="flink">
		<span class="strong">友情链接：</span>
	</div> -->
	<div class="subnav">
		<p>Copyright <span class="num">©</span> 2015 jessy All Rights Reserved</p>
		<p>Powered by <a href="#" target="_blank" class="cgreen">jessy</a></p>
	</div>
</div>
</body>
</html>
